<template>
  <div class="fun-list">
    <el-table
        class="yt-table"
        :data="lists"
        border
        style="width: 100%">
      <el-table-column prop="functionName" label="监控类型">
        <template slot-scope="scope">
          <el-input v-model="scope.row.name" readonly></el-input>
        </template>
      </el-table-column>
      <el-table-column prop="paramInputClass" label="规则名称">
        <template slot-scope="scope">
          <el-input v-model="scope.row.roleName" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column prop="paramOutputClass" label="监控名称">
        <template slot-scope="scope">
          <el-input v-model="scope.row.roleProcessName" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column prop="remarks" label="备注">
        <template slot-scope="scope">
          <el-input v-model="scope.row.remarks" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column label="操作">

      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "RegisterFunList",
  props: {
    type: {
      type: [String, Number],
      default: ''
    },
    data: {
      type: [Array],
      default: () => {
        return []
      }
    },
  },
  data() {
    return {
      lists: []
    }
  },
  watch: {
    data: {
      deep: true,
      handler: function (val) {
        this.lists = val
      }
    }
  },
  created() {
    this.lists = this.data
  },
  methods: {}
}
</script>

<style scoped>

</style>